﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Poli.IA.Web.Default" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Your Opinion</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link href="css/default.css" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.formerize-0.1.js"></script>
</head>
<body>
    <form id="Form1" runat="server">
    <div id="wrapper">
        <div id="sidebar">
            <div id="logo">
                <h1>
                    <a href="Default.aspx" title="" rel="home">Your<span>Opinion</span></a></h1>
            </div>
            <div id="blurb">
                <p>
                    Cansado de escutar as mesmas músicas? Aqui, de acordo com seus gostos, indicaremos
                    novas músicas, e que possivelmente também irão agradá-lo.</p>
            </div>
            <div class="widget login">
                <h2 class="title">
                    Login <span>Usuário</span>
                </h2>
                <p>
                    Para conseguir guardar suas playlists e seu perfil, é necessário um usuário. Efetue
                    login ou cadastre-se, para obter acesso a todos os recursos do sistema.</p>
                <form action="" method="post" id="loginform">
                <input class="input" type="text" name="log" id="log" title="Username" />
                <input class="input" type="password" name="pwd" id="pwd" title="Password" />
                <input type="submit" name="submit" value="login" class="button" />
                <p>
                    <label for="rememberme">
                        <input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" />
                        Lembrar-me</label><br />
                    <span class="smlink"><a href="#">esqueceu a senha</a> &nbsp;|&nbsp; <a href="#">cadastrar</a>
                    </span>
                </p>
                </form>
                <script type="text/javascript">

                    $('#loginform').formerize();

				</script>
            </div>
        </div>
        <div id="page">
            <div id="tellus">
                <asp:TextBox runat="server" class="textbox" ID="comment" Text="Algum artista em mente?" />
                <asp:Button runat="server" class="submit" ID="submit" Text="Conte!" OnClick="btnProcurarPlaylist_Click" />
                <a class="time" id="maisFiltros" style="float: right; text-decoration: none" href="#">Filtrar mais...</a>
                <script type="text/javascript">
                    $('#commentform').formerize();
			</script>
            </div>
            <div id="divFiltros" style="display: none">
                <span style="color: #FB4B00; font-size: large">Estilo?</span>
                <asp:DropDownList Style="width: 200px; height: 25px; margin-left: 10px;" class="drop"
                    runat="server" ID="ddlEstilo">
                    <asp:ListItem Text="- Selecione -" Value='-1' />
                    <asp:ListItem Text="Música Clássica" Value="0" />
                    <asp:ListItem Text="Metal" Value="1" />
                    <asp:ListItem Text="Rock" Value="2" />
                    <asp:ListItem Text="Pop" Value="3" />
                    <asp:ListItem Text="ReB" Value="4" />
                    <asp:ListItem Text="HipHop" Value="5" />
                    <asp:ListItem Text="Axe" Value="6" />
                    <asp:ListItem Text="Swingueira" Value="7" />
                    <asp:ListItem Text="Pagode" Value="8" />
                    <asp:ListItem Text="Mpb" Value="9" />
                    <asp:ListItem Text="Samba" Value="10" />
                    <asp:ListItem Text="Forró" Value="11" />
                    <asp:ListItem Text="Sertanejo" Value="12" />
                    <asp:ListItem Text="Funk" Value="13" />
                </asp:DropDownList>
                <br />
                <br />
                <span style="color: #FB4B00; font-size: large; float: right; position: relative;">Nacionalidade?</span>
                <asp:DropDownList Style="width: 200px; height: 25px; margin-right: 10px; float: right"
                    class="drop" runat="server" ID="ddlNacionalidade">
                    <asp:ListItem Text="- Selecione -" Value='-1' />
                    <asp:ListItem Text="Brasileira" Value='0' />
                    <asp:ListItem Text="Norte-Americana" Value="1" />
                    <asp:ListItem Text="Européia" Value="2" />
                    <asp:ListItem Text="Japonesa" Value="3" />
                </asp:DropDownList>
                <br />
                <br />
                <br />
                <span style="color: #FB4B00; font-size: large">Tendência?</span>
                <asp:DropDownList Style="width: 200px; margin-left: 10px; height: 25px;" class="drop"
                    runat="server" ID="ddlTendencia">
                    <asp:ListItem Text="- Selecione -" Value='-1' />
                    <asp:ListItem Text="Dark" Value="0" />
                    <asp:ListItem Text="Positive" Value="1" />
                </asp:DropDownList>
                <br />
                <br />
                <span style="color: #FB4B00; font-size: large; float: right">Ritmo?</span>
                <asp:DropDownList Style="width: 200px; margin-right: 10px; float: right; height: 25px;"
                    class="drop" runat="server" ID="ddlRitmo">
                    <asp:ListItem Text="- Selecione -" Value='-1' />
                    <asp:ListItem Text="Agitado" Value="0" />
                    <asp:ListItem Text="Calmo" Value="1" />
                </asp:DropDownList>
                <br />
                <br />
                <span style="color: #FB4B00; font-size: large">Hit?</span>
                <asp:DropDownList Style="width: 200px; margin-left: 10px; height: 25px" class="drop"
                    runat="server" ID="ddlHit">
                    <asp:ListItem Text="- Selecione -" Value='-1' />
                    <asp:ListItem Text="Hit" Value="0" />
                    <asp:ListItem Text="Não Hit" Value="1" />
                </asp:DropDownList>
                <br />
                <br />
                <span style="color: #FB4B00; font-size: large; float: right">Década?</span>
                <asp:DropDownList Style="width: 200px; margin-right: 10px; height: 25px; float: right"
                    class="drop" runat="server" ID="ddlDecada">
                    <asp:ListItem Text="- Selecione -" Value='-1' />
                    <asp:ListItem Text="Anos 50" Value="0" />
                    <asp:ListItem Text="Anos 60" Value="1" />
                    <asp:ListItem Text="Anos 70" Value="2" />
                    <asp:ListItem Text="Anos 80" Value="3" />
                    <asp:ListItem Text="Anos 90" Value="4" />
                    <asp:ListItem Text="Anos 00" Value="5" />
                </asp:DropDownList>
                <br />
                <br />
            </div>
            <br />
            <div id="content">
                <div class="title">
                    <span>Últimas Recomendações</span>
                </div>
                <div class="content" style="clear: both;">
                    &nbsp;</div>
                <!-- Start Comments -->
                <div id="comments" class="box-style1">
                    <div id="filtrosUtilizados" runat="server" visible="false">
                        <br />
                        <span style="color: #FB4B00; font-size: large; float: left">Filtros para esta consulta:</span><br />
                        <br />
                        <asp:Literal runat="server" ID="literalFiltros"></asp:Literal>
                    </div>
                    <ol class="commentlist">
                        <asp:Repeater ID="rptSugestoes" runat="server">
                            <ItemTemplate>
                                <li class="comment" id="rptSugestoes">
                                    <img alt='' src='http://0.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=66'
                                        class='avatar' height='66' width='66' />
                                    <span class="author">
                                        <%# Eval("Nome") %></span><a href="http://www.twitter.com" title="Tweet Isto" target="_blank"><img src="images/twitter.png"
                                            alt="Tweet Isto" class="social" /></a><a href="http://www.facebook.com" title="Compartilhe no Facebook"
                                                target="_blank"><img src="images/facebook.png" alt="Compartilhe no Facebook" class="social" /></a><a
                                                    href='<%#String.Concat("http://grooveshark.com/#/search/songs/?query=", Eval("Busca"))%>' title="Tocar" target="_blank"><img src="images/play.png" alt="Tocar" class="social" /></a>
                                    <span class="time">
                                        <%# Eval("Estilo") %></span>
                                    <div class="comment-body">
                                        <p>
                                            <%# Eval("Artista") %>
                                        </p>
                                    </div>
                                </li>
                            </ItemTemplate>
                        </asp:Repeater>
                    </ol>
                </div>
            </div>
            <div id="footer">
                <p>
                    Copyright (c) 2011 your Opinion All Rights Reserved.<br />
                </p>
            </div>
            <asp:HyperLink NavigateUrl="~/InserirMusica.aspx" ID="Label1" Text="+ Músicas" Style="color: #FB4B00;
                float: right; text-decoration: none" runat="server"></asp:HyperLink>
        </div>
    </div>
    </form>
</body>
</html>
<script type="text/javascript">

    $(function () {
        $("#maisFiltros").click(function () {
            if ($("#maisFiltros").html() == "Filtrar mais...") {
                $("#divFiltros").fadeIn("slow");
                $("#maisFiltros").html("Filtrar menos...");
            }
            else {
                $("#divFiltros").fadeOut("slow");
                $("#maisFiltros").html("Filtrar mais...");
            }
        });

        $("#<%= comment.ClientID %>").focus(function () {
            if ($(this).val() == "Algum artista em mente?") {
                $(this).val("");
            }
        });

        $("#<%= comment.ClientID %>").blur(function () {
            if ($(this).val() == "") {
                $(this).val("Algum artista em mente?");
            }
        });
    });

</script>
